阔别数月 踏雪归来:Express 第一弹之 ES6的使用

  自踏上Node的征程,觅着MEAN的路一直前进着,自认为还可以的时候到了华尔街英语,和这里的一位导师的谈话給了我沉重的一击,进行了重新的思考,重新的去认识自己,去规划自己。在这里,发自内心的说句谢谢您。

  最近去各大招聘网站上去了解当下Node职位的发展和各企业对相应技术的要求,大概的进行了总结一下,作为一个朝着全栈工程师方向努力的程序员,在编码方面需要学习掌握的技术线如下:

  • 前端: H5, CSS3, Jquery, angular, react, vue
  • 后端:Node(express, koa, strongLoop), python, ruby, (php, java最好也要了解)
  • 数据库:redis, mongo, mysql, postgresql

  本次将以Node Express+mysql+es6为线,慢慢将开发过程中遇到的问题进行剖析梳理,谨。
自ECMA2015发布以来,对于Node开发人员来说是必不可缺的一项基本技能,将ES6的优势应用到我们的项目中去,接下来按部就班。

  由于ES6的语法当前支持的并不是很完善,想要在项目中使用ES6语法还需要我们借助一些转码翻译工具,将项目中的ES6语法翻译成ES5语法,当前支持比较好的两个工具分别为 babel , traceur.

babel 使用的比较广泛,也是我们接下来在项目中使用的转码器

Babel

如何在项目中进行使用babel:

  1. 安装babel-cli

    1
    cnpm install -g babel-cli

    安装成功后系统将获得两个命令:

    • babel 编译器,将es6语法编译成es5语法
    • babel-node 可以直接运行ES2015程序的Node命令
  2. 创建项目 创建ES2015语法文件 babel-node进行执行 此时你会发现如下错误
    错误信息
    由信息可知,是不支持 import 语法导致,需要我们进行配置相应的babel插件才能支持它。项目的根目录新建文件 .babelrc , 输入内容
    { “presets”: [“es2015”] }, 接下来进行安装插件依赖的模块,执行以下命令安装并保存到package.json的devDependencies中

    1
    cnpm install babel-preset-es2015 --save-dev
  3. 重新执行一下

    1
    babel-node test.js

就能看到此时的运行结果了,说明我们此时的开发环境已经成功支持ES2015的语法了。

Traceur

cnpm install -g traceur

在命令行执行 traceur filename.js就能执行ES6语法的JS文件了。

引自: 网易博客(奔跑吧~昭熙小乐)